<div class="container" phx-hook="ArticlePage" cm-title="<%= @article.title %>">
  <section class="section">
    <div class="columns is-desktop cm-article2">
      <div class="column is-9-desktop cm-article2-body">
        <div class="card">
          <header class="card-header">
            <p class="card-header-title is-size-4 has-text-weight-normal cm-article2-title">
              <%= @article.title %>
            </p>
          </header>
          <div class="columns is-mobile is-marginless cm-article2-info">
            <div class="column is-paddingless is-narrow">
                <%= live_link "huacnlee", 
                    to: Routes.live_path(@socket, CommunityWeb.UserLive,1)
                %>
                ·
                <span>12</span>
                天前
              </div>
            <div class="column is-paddingless is-narrow is-hidden-mobile">
              <span>&nbsp;· 最后由</span>
              <%= live_link "zzz6519003", 
                  to: Routes.live_path(@socket, CommunityWeb.UserLive, 1)
              %>
              回复于
              <span>2</span>
              <span>天前</span>
            </div>
            <div class="column is-paddingless is-narrow">
              <span>&nbsp;·</span>
              <span>1517</span>
              次阅读
            </div>
          </div>
          <div class="card-content">
            <div class="content">
              <%= raw @article.content %>
            </div>
          </div>
        </div>
      </div>

      <div class="column is-3-desktop cm-article2-toolbar">
        <div class="card cm-sticky">
          <header class="card-header">
            <p class="card-header-title">关于本文</p>
          </header>
          <div class="card-content has-text-centered">
            <div>
              <span style="font-size: 2.5rem;">
                <i class="fas fa-heart"></i>
              </span>
            </div>
            <div>
              <span>99 个赞</span>
            </div>
            <hr />
            <div>
              <button class="button is-success">关注作者</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
